<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Neon Admin Panel">
    <meta name="author" content="">
    <title>沐锦 | 数据总览</title>

    <link rel="stylesheet" href="/static/css/jquery-ui-1.10.3.custom.min.css">
    <link rel="stylesheet" href="/static/css/entypo.css">
    <link rel="stylesheet" href="/static/css/css.css">
    <link rel="stylesheet" href="/static/css/bootstrap.css">
    <link rel="stylesheet" href="/static/css/neon-core.css">
    <link rel="stylesheet" href="/static/css/neon-theme.css">
    <link rel="stylesheet" href="/static/css/neon-forms.css">
    <link rel="stylesheet" href="/static/css/custom.css">
    <script src="/static/js/jquery-1.11.0.min.js"></script>
</head>
<body class="page-body  page-left-in" data-url="http://neon.dev">

<div class="page-container">
    <!-- add class "sidebar-collapsed" to close sidebar by default, "chat-visible" to make chat appear always -->
    <div class="sidebar-menu">
        <!-- 头部信息: logo -->
        <header class="logo-env">
            <!-- logo -->
            <div class="logo">
                <a href="index.html">
                    <img src="/static/picture/logo@2x.png" width="120" alt="">
                </a>
            </div>

            <!-- logo collapse icon -->
            <div class="sidebar-collapse">
                <a href="#" class="sidebar-collapse-icon with-animation">
                    <!-- add class "with-animation" if you want sidebar to have animation during expanding/collapsing transition -->
                    <i class="entypo-menu"></i>
                </a>
            </div>

            <!-- open/close menu icon (do not remove if you want to enable menu on mobile devices) -->
            <div class="sidebar-mobile-menu visible-xs">
                <a href="#" class="with-animation"><!-- add class "with-animation" to support animation -->
                    <i class="entypo-menu"></i>
                </a>
            </div>
        </header>

        <!-- 用户信息: 头像、用户名 -->
        <div class="sidebar-user-info">
            <div class="sui-normal">
                <a href="#" class="user-link">
                    <img src="/media/{{ userInfo.avatar }}" alt="" class="img-circle" style="width: 95%;">
                    <span style="text-align: center; padding-top: 209px;">欢迎回来,</span>
                    <strong style="text-align: center; padding-top: 5px;">{{ userInfo.username }}</strong>
                </a>
            </div>
        </div>

        <!-- 导航菜单信息 -->
        <ul id="main-menu" class="">
            <!-- add class "multiple-expanded" to allow multiple submenus to open -->
            <!-- class "auto-inherit-active-class" will automatically add "active" class for parent elements who are marked already with class "active" -->
            <li>
                <a href="/app/home/">
                    <i class="entypo-gauge"></i>
                    <span>首页</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="entypo-user"></i>
                    <span>个人中心</span>
                </a>
                <ul>
                    <li>
                        <a href="/app/selfInfo/">
                            <span>个人信息</span>
                        </a>
                    </li>
                    <li>
                        <a href="/app/changePassword/">
                            <span>修改密码</span>
                        </a>
                    </li>
                </ul>
            </li>
            <li class="opened active">
                <a href="#">
                    <i class="entypo-layout"></i>
                    <span>数据统计</span>
                </a>
                <ul>
                    <li class="active">
                        <a href="#">
                            <span>数据总览</span>
                        </a>
                    </li>
                    <li>
                        <a href="/app/historyTableData/">
                            <span>历史查阅</span>
                        </a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#">
                    <i class="entypo-chart-bar"></i>
                    <span>可视化图表</span>
                </a>
                <ul>
                    <li>
                        <a href="/app/salary/">
                            <i class="entypo-light-up"></i>
                            <span>薪资情况</span>
                        </a>
                    </li>
                    <li>
                        <a href="/app/company/">
                            <i class="entypo-feather"></i>
                            <span>企业情况</span>
                        </a>
                    </li>
                    <li>
                        <a href="/app/companyTags/">
                            <i class="entypo-lamp"></i>
                            <span>福利词云</span>
                        </a>
                    </li>
                    <li>
                        <a href="/app/educational/">
                            <i class="entypo-graduation-cap"></i>
                            <span>学历分布</span>
                        </a>
                    </li>
                    <li>
                        <a href="/app/companyStatus/">
                            <i class="entypo-network"></i>
                            <span>企业融资</span>
                        </a>
                    </li>
                    <li>
                        <a href="/app/address/">
                            <i class="entypo-rocket"></i>
                            <span>城市类型</span>
                        </a>
                    </li>
                </ul>
            </li>
        </ul>

    </div>
    <div class="main-content">
        <!-- 顶部信息: 退出按钮 -->
        <div class="row" style="display: flex">
            <!-- Raw Links -->
            <div style="margin-left: auto" class="col-md-6 col-sm-4 clearfix hidden-xs">
                <ul class="list-inline links-list pull-right">
                    <li>
                        <a href="/app/logout/">
                            退出登录 <i class="entypo-logout right"></i>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <hr>

        <ol class="breadcrumb bc-3">
            <li>
                <a href="index.html"><i class="entypo-home"></i>数据统计</a>
            </li>
            <li class="active">
                <strong>数据总览</strong>
            </li>
        </ol>

        <div class="row">
            <div class="col-md-9 col-sm-7">
                <h2>数据总览</h2>
            </div>
        </div>

        <!-- 数据for -->
        <div class="row">
            <div class="col-md-12">
                {% for data in pageData %}
            <div class="member-entry">
                <a href="{{ data.companyUrl }}" class="member-img">
                    <img src="{{ data.companyAvatar }}" class="img-rounded">
                    <i class="entypo-forward"></i>
                </a>

                <div class="member-details">
                    <h4><a href="{{ data.companyUrl }}" style="font-weight: bold;">{{ data.companyTitle }}</a></h4>

                    <!-- Details with Icons -->
                    <div class="row info-list">
                        <div class="col-sm-4">
                            <i class="entypo-briefcase"></i>
                            <a href="{{ data.detailUrl }}" style="color: #00acd6;">{{ data.title }}</a>
                        </div>

                        <div class="col-sm-4">
                            <i class="entypo-star"></i>
                            <a href="#" style="color: #dd1f26;">
                            {% if data.pratice == 0 %}
                                {{ data.salary }}K/月
                                {% if data.salaryMonth != '0' %}
                                    ·{{ data.salaryMonth }}薪
                                {% endif %}
                            {% else %}
                                {{ data.salary }}元/天
                            {% endif %}
                            </a>
                        </div>

                        <div class="col-sm-4">
                            <i class="entypo-book-open"></i>
                            <a href="#">{{ data.workExperience }} | {{ data.educational }} | {{ data.type }}</a>
                        </div>

                        <div class="clear"></div>

                        <div class="col-sm-4">
                            <i class="entypo-location"></i>
                            <a href="#">{{ data.address }}</a>
                        </div>

                        <div class="col-sm-4">
                            <i class="entypo-mail"></i>
                            <a href="#">{{ data.hrWork }} -> {{ data.hrName }}</a>
                        </div>

                        <div class="col-sm-4">
                            <i class="entypo-user"></i>
                            <a href="#">{{ data.companyStatus }} | {{ data.companyPeople }}人</a>
                        </div>

                        <div class="clear"></div>

                        <div class="col-sm-6">
                            {% for i in data.workTag %}
                                {% if i != '' %}
                                    <code>{{ i }}</code>
                                {% endif %}
                            {% endfor %}
                        </div>

                        <div class="col-sm-6">
                            {% if data.companyTags != '无' %}
                                {% for i in data.companyTags %}
                                    {% if i != '' %}
                                        <code style="display: -moz-inline-block; margin-bottom: 3px;">{{ i }}</code>
                                    {% endif %}
                                {% endfor %}
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>
        {% endfor %}
            </div>
        </div>

        <!-- 翻页 -->
        <div class="row" style="display: flex; justify-content: center;">
            <ul class="pagination">
                {% if pageData.has_previous %}
                    <li><a href="/app/tableData?page={{ pageData.previous_page_number }}"><i class="entypo-left-open-mini"></i></a></li>
                {% endif %}

                {% for num in pageRange %}
                    <li class="{% if num == pageData.number %} active {% endif %}">
                        <a href="/app/tableData?page={{ num }}">{{ num }}</a>
                    </li>
                {% endfor %}

                {% if pageData.has_next %}
                    <li>
                    <a href="/app/tableData?page={{ pageData.next_page_number }}"><i class="entypo-right-open-mini"></i></a>
                    </li>
                {% endif %}

            </ul>

        </div>


        <!-- Footer -->
        <footer class="main" style="display: block; text-align: center;">
            Copyright &copy; 2021.Company name All rights reserved.<a target="_blank"
                                                                      href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
        </footer>
    </div>

</div>


<link rel="stylesheet" href="/static/css/jquery-jvectormap-1.2.2.css">
<link rel="stylesheet" href="/static/css/rickshaw.min.css">

<!-- Bottom Scripts -->
<script src="/static/js/main-gsap.js"></script>
<script src="/static/js/jquery-ui-1.10.3.minimal.min.js"></script>
<script src="/static/js/bootstrap.js"></script>
<script src="/static/js/joinable.js"></script>
<script src="/static/js/resizeable.js"></script>
<script src="/static/js/neon-api.js"></script>
<script src="/static/js/jquery-jvectormap-1.2.2.min.js"></script>
<script src="/static/js/jquery-jvectormap-europe-merc-en.js"></script>
<script src="/static/js/jquery-jvectormap-world-mill-en.js"></script>
<script src="/static/js/jquery.sparkline.min.js"></script>
<script src="/static/js/d3.v3.js"></script>
<script src="/static/js/rickshaw.min.js"></script>
<script src="/static/js/neon-chat.js"></script>
<script src="/static/js/neon-custom.js"></script>
<script src="/static/js/neon-demo.js"></script>

</body>
</html>